/* pages/pay/pay.wxss */
.line{
    width: 100%;
    height: 0.1rem;
    background: #ededed;
  }
  .pay{
    display: flex;
    justify-content: space-between;
    padding: 0.1rem;
  }
  .paylist{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.1rem;
  }
  .option{
    width: 29%;
    border: 1px solid rgb(204, 203, 203);
    margin:0.07rem;
    border-radius: 0.06rem;
    height: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .option-top{
    font-size: 0.22rem ;
    font-weight: 600;
  }
  .option-bottom{
    color: rgb(153, 152, 152);
    font-size: 0.14rem;
  }
  html {

    height: 100%;

  }
  
  body{height: 100%;
          
  }
  .bottom{
    flex:1;
    /* padding:0.1rem;   */
    background: #f5f5f5;
    position: relative;
    box-sizing: border-box;
  }
  .bottom1{
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
  }
  .bottom1 text{
    color: #fc946d;
  }
  .button{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.05rem;
    border:1px solid rgb(187, 186, 186);
    height: 0.5rem;
    background: #ededed;
    color:#999999;
    margin-top:0.1rem
  }
  .active{
    border: 1px solid #d93b3b;
    color: #d93b3b!important;
    background:#ffecdf ;
  }
  .active1{
    color: #d93b3b!important
  }
  .button1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.05rem;
    border:1px solid #d93b3b;
    height: 0.5rem;
    background: #ffecdf;
    color:#d93b3b;
    margin-top:0.1rem;
    display: none;
  }
  .header{
    display: flex;
   
    align-items: center;
    height: 0.4rem;
    background: #f5f5f5;
    font-weight: 600;
    padding: 0.1rem;
    justify-content: space-between;
  }
  .empty{
    flex: 1;
  }
  .title{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    font-weight: bold;
  }
  .record{
    flex: 1;
    font-size: 0.14rem;
    display: flex;
    justify-content: flex-end;
    font-weight: normal!important;
  }
  
  .guoshou{
    /* font-family: Arial, Helvetica, sans-serif; */
    font-weight: bold;
    color: rgb(117, 117, 117);
  }
  .green{
    width: 0.16rem;
    height: 0.16rem;
    vertical-align: top;
  }
  html body {
    font-size: 0.16rem;
}

.row1 {
    display: flex;
    padding: 0.1rem
}

.input {
    width: 100%;
    border: none;
    outline: 0;
    font-size: 0.16rem;
    margin-left: 0.2rem;
}

.page {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.imgplus {
    position: absolute;
    bottom: 0.1rem;
}